<template>
  <div id="FashionChoice">
       <!-- 头部 -->
    <div class="home_top">
          <van-nav-bar title="时尚精选" left-text="返回" left-arrow
            @click-left="onClickLeft"
             @click-right="onClickRight"
          >
            <template #right>
              <van-icon name="ellipsis" size="18" />
            </template>
          </van-nav-bar>
    </div>
    <div class="count">
    <!-- 内容图片 -->
    <div class="fashion_content">
        
        <div class="content_every">
            <img src="../assets/images/时尚精选/pic_01.png">
            <img src="../assets/images/时尚精选/pic_04.png">
            <img src="../assets/images/时尚精选/pic_03.png">
        </div>
        <div class="content_every">
            <img src="../assets/images/时尚精选/banner.png">
            <img src="../assets/images/时尚精选/pic_02.png">
            <img src="../assets/images/时尚精选/pic_04.png">
            <img src="../assets/images/时尚精选/pic_02.png">
        </div>
    </div>
    <div class="menu">
                <img src="../assets/images/时尚精选/drafts.png">
    </div>

</div>
  </div>
</template>

<script>
export default {
    name:'FashionChoice',
    data(){
        return{

        }
    },
      methods: {
    onClickLeft() {
      
      this.$router.go(-1)
    },
    onClickRight() {
      
    },
  },
}
</script>

<style lang="less">

// 内容
.fashion_content{
    width: 96%;
    margin: 0 auto;
    display: flex;
    justify-content:space-around;
    padding-top:90px;
}
.content_every{ 
        width: 46%;
        img{
            margin:0 auto;
            margin-top: 8%;
            width: 100%;
        }
    }

.menu{
    width: 93px;
    position: fixed;
    top: 75%;
    left: 5%;
    img{
        width: 100%;
        border-radius: 50%;
    }
}
</style>
